<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!-- 将有序列表改成红色 -->
<style>
    /* 第一种方法： */
    /* ol li {
        color: red;
    } */

    /* 第二种方法 */
    /* .hobby li {
        color: red;
    } */

    /* 第三种方法 */
li a{
    color: red;
}
</style>

<body>
    <ul>
        <li>吃饭</li>
        <li>吃饭</li>
        <li>吃饭</li>
    </ul>
    <ol class="hobby">
        <li>吃饭</li>
        <li>吃饭</li>
        <li>
        <a href="#">吃饭</a>
    </li>
    </ol>
</body>

</html>